<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<title>小米商场</title>
		<script src="../js/jquery.min.js"></script>
		<script src="../js/jquery-1.11.3.js"></script>
		<script src="../js/popper.min.js"></script>
		<script src="../js/bootstrap.min.js"></script>
		<script src="../js/header.js"></script>
		<script src="../js/footer.js"></script>
		<link rel="stylesheet" href="../css/bootstrap.css">
		<link rel="stylesheet" href="../css/index.css">
	</head>
	<body>
		<header id="header"></header>
		<div class="container">
			<div class="row">
				<div class="col-12 px-0">			
					<div class="carousel" id="demo" data-ride="carousel">
					<!-- 1.轮播图片 -->
						<div class="carousel-inner">
							<div class="carousel-item active">
								<img src="../img/index/lun1.jpg" class="w-100" alt="">
							</div>
							<div class="carousel-item">
								<img src="../img/index/lun2.jpg" class="w-100" alt="">
							</div>
							<div class="carousel-item">
								<img src="../img/index/lun3.jpg" class="w-100" alt="">
							</div>
							<div class="carousel-item">
								<img src="../img/index/lun4.jpg" class="w-100" alt="">
							</div>
							<div class="carousel-item">
								<img src="../img/index/lun5.jpg" class="w-100" alt="">
							</div>
						</div>
						<!-- 2.左右箭头 -->
						<a href="#demo" class="carousel-control-prev" data-slide="prev">
							<span class="carousel-control-prev-icon"></span>
						</a>
						<a href="#demo" class="carousel-control-next" data-slide="next">
							<span class="carousel-control-next-icon"></span>
						</a>
						<!-- 3.轮播指示器 -->
						<ul class="carousel-indicators">
							<li data-slide-to="0" data-target="#demo" class="active"></li>
							<li data-slide-to="1" data-target="#demo"></li>
							<li data-slide-to="2" data-target="#demo"></li>
							<li data-slide-to="3" data-target="#demo"></li>
							<li data-slide-to="4" data-target="#demo"></li>
						</ul>
					</div>
					<div class="col-2 py-4 px-0">
						<ul class="list-unstyled">
							<li><a href="javascript:;" class="pl-4 py-2">手机 电话卡</a></li>
							<li><a href="javascript:;" class="pl-4 py-2">电视 盒子</a></li>
							<li><a href="javascript:;" class="pl-4 py-2">笔记本 平板</a></li>
							<li><a href="javascript:;" class="pl-4 py-2">家电 插线板</a></li>
							<li><a href="javascript:;" class="pl-4 py-2">出行 穿戴</a></li>
							<li><a href="javascript:;" class="pl-4 py-2">智能 路由器</a></li>
							<li><a href="javascript:;" class="pl-4 py-2">电源 配件</a></li>
							<li><a href="javascript:;" class="pl-4 py-2">健康 儿童</a></li>
							<li><a href="javascript:;" class="pl-4 py-2">耳机 音箱</a></li>
							<li><a href="javascript:;" class="pl-4 py-2">生活箱包</a></li>
						</ul>
					</div>
				</div>
				
				<div class="col-2 mt-3">
					<div class="row d-flex justify-content-around">
						
						<div class="col-4 text-center  px-0"><a href="javascript:;"><p class="mb-0 mt-2">选购手机</p></a></div>
						<div class="col-4 text-center  px-0"><a href="javascript:;"><p class="mb-0 mt-2">企业团购</p></a></div>
						<div class="col-4 text-center  px-0"><a href="javascript:;"><p class="mb-0 mt-2">F码通道</p></a></div>
						<div class="col-4 text-center  px-0"><a href="javascript:;"><p class="mb-0 mt-2">米粉卡</p></a></div>
						<div class="col-4 text-center  px-0"><a href="javascript:;"><p class="mb-0 mt-2">以旧换新</p></a></div>
						<div class="col-4 text-center  px-0"><a href="javascript:;"><p class="mb-0 mt-2">话费充值</p></a></div>
					</div>
				</div>
				<div class="col-10 mt-3 d-flex justify-content-between px-0">
						<div class="col-4 pr-0"><a href="javascript:;"><img src="../img/index/body1.jpg" class="w-100" alt=""></a></div>
						<div class="col-4 pr-0"><a href="javascript:;"><img src="../img/index/body2.jpg" class="w-100" alt=""></a></div>
						<div class="col-4 pr-0"><a href="javascript:;"><img src="../img/index/body3.jpg" class="w-100" alt=""></a></div>
				</div>
				<div class="col-12 px-0 mt-3">
					<a href="javasrcipt:;"><img src="../img/index/long.jpg" class="w-100" alt=""></a></div>
				
			</div>
		</div>
		<section class="mt-4 pt-4">
			<div class="container ">
				<h2 class="d-inline-block mb-4">手机</h2>
				<a href="javasricpt:;" class="pr-4 float-right">查看全部<div></div></a>
				<div class="row px-0">
					<div class="col-2 px-0">
						<a href="javasricpt:;"><img src="../img/index/se-index1.jpg" alt="" width="204px" height="600px;"></a>
					</div>
					<div class="col-10 pr-0  d-flex justify-content-between flex-wrap ">
						<div class="col-12 pb-3 px-0 d-flex justify-content-between">
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="ad.html" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							</div><div class="col-12 px-0 d-flex justify-content-between">
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
						</div>
					</div>
					<div class="col-12 px-0 mt-5">
						<a href="javascript:;"><img src="../img/index/long2.jpg" class="w-100" alt=""></a>
					</div>
				</div>
			</div>
			
			<div class="container ">
				<h2 class="d-inline-block mb-4">手机</h2>
				<a href="javasricpt:;" class="pr-4 float-right">查看全部<div></div></a>
				<div class="row px-0">
					<div class="col-2 px-0">
						<a href="javasricpt:;"><img src="../img/index/se-index1.jpg" alt="" width="204px" height="600px;"></a>
					</div>
					<div class="col-10 pr-0  d-flex justify-content-between flex-wrap ">
						<div class="col-12 pb-3 px-0 d-flex justify-content-between">
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							</div><div class="col-12 px-0 d-flex justify-content-between">
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
						</div>
					</div>
					<div class="col-12 px-0 mt-5">
						<a href="javascript:;"><img src="../img/index/long2.jpg" class="w-100" alt=""></a>
					</div>
				</div>
			</div>
			
			<div class="container ">
				<h2 class="d-inline-block mb-4">手机</h2>
				<a href="javasricpt:;" class="pr-4 float-right">查看全部<div></div></a>
				<div class="row px-0">
					<div class="col-2 px-0">
						<a href="javasricpt:;"><img src="../img/index/se-index1.jpg" alt="" width="204px" height="600px;"></a>
					</div>
					<div class="col-10 pr-0  d-flex justify-content-between flex-wrap ">
						<div class="col-12 pb-3 px-0 d-flex justify-content-between">
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							</div><div class="col-12 px-0 d-flex justify-content-between">
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
						</div>
					</div>
					<div class="col-12 px-0 mt-5">
						<a href="javascript:;"><img src="../img/index/long2.jpg" class="w-100" alt=""></a>
					</div>
				</div>
			</div>
			
			<div class="container ">
				<h2 class="d-inline-block mb-4">手机</h2>
				<a href="javasricpt:;" class="pr-4 float-right">查看全部<div></div></a>
				<div class="row px-0">
					<div class="col-2 px-0">
						<a href="javasricpt:;"><img src="../img/index/se-index1.jpg" alt="" width="204px" height="600px;"></a>
					</div>
					<div class="col-10 pr-0  d-flex justify-content-between flex-wrap ">
						<div class="col-12 pb-3 px-0 d-flex justify-content-between">
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							</div><div class="col-12 px-0 d-flex justify-content-between">
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
							<div class="col-3 h-100 text-center">
								<div class="bg-success m-auto px-1 w-25 text-white">新品</div>
								<a href="javasricpt:;" class="d-block text-center" >
									<img src="../img/index/se-text.jpg" alt="">
								</a>
								<a href="javasricpt:;" class="d-block">小米9 6GB+128GB</a>
								<div>骁龙855，索尼4800万超广角微距三摄</div>
								<span class="num">2799元</span>
								<span class="num">2999元</span>
							</div>
						</div>
					</div>
					<div class="col-12 px-0 mt-5">
						<a href="javascript:;"><img src="../img/index/long2.jpg" class="w-100" alt=""></a>
					</div>
				</div>
			</div>
			<!-- </div> -->
		</section>
		<footer id="footer">
			<div id="phone">
				<li>11</li>
			</div>
		</footer>
			
			<script>
		</script>
	</body>
</html>